@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Danfo&family=Homenaje&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Slab:ital,wght@0,100..700;1,100..700&family=Kosugi+Maru&family=Lacquer&family=Lobster+Two:ital,wght@0,400;0,700;1,400;1,700&family=Pirata+One&family=Rubik+Mono+One&family=Yatra+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Audiowide&family=Josefin+Slab:ital,wght@0,100..700;1,100..700&family=Kosugi+Maru&family=Lacquer&family=Lobster+Two:ital,wght@0,400;0,700;1,400;1,700&family=Pirata+One&family=Rubik+Mono+One&family=Yatra+One&display=swap');


*, *:before, *:after {
    box-sizing: inherit;
}

/* 
--tab: rgb(121, 7, 7);
--tab-active: rgb(172, 17, 17)

background: linear-gradient(to bottom, #ac1611, #8d0000);

    background: linear-gradient(to bottom, 
                #8b0000 0%,
                #ac1111 20%,
                #ac1111 80%,
                #8b0000 100%);
*/



html {
    --tab: rgb(92, 6, 6);
    --tab-active: rgb(133, 14, 14);
    --bg: rgb(184, 32, 32);
    --bg-neutral: #ebebeb;
    --light-bg: #b38e8e;
    font-size: 62.5%;
    /* font-family: 'Open Sans', sans-serif; */
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    height: 100%;
    overflow-x: hidden;
    /* background: url(https://media.istockphoto.com/id/1427697419/ru/%D1%84%D0%BE%D1%82%D0%BE/%D1%81%D0%BE%D1%81%D1%83%D0%B4%D0%B8%D1%81%D1%82%D0%B0%D1%8F-%D1%81%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D0%B0-%D0%BA%D1%80%D0%BE%D0%B2%D0%B5%D0%BD%D0%BE%D1%81%D0%BD%D1%8B%D0%B5-%D1%81%D0%BE%D1%81%D1%83%D0%B4%D1%8B-%D0%BD%D0%B0-%D0%B1%D0%B5%D0%BB%D0%BE%D0%BC-%D0%BC%D0%B5%D0%B4%D0%B8%D1%86%D0%B8%D0%BD%D1%81%D0%BA%D0%B0%D1%8F-%D0%B8%D0%BB%D0%BB%D1%8E%D1%81%D1%82%D1%80%D0%B0%D1%86%D0%B8%D1%8F.jpg?s=612x612&w=0&k=20&c=k2tETjPXSHiUoMNQRYCAOkq0LWOSWf7UQRw9A4or33Y=);
    background-size: cover; */

    font-family: 'Poppins', sans-serif;
}

body{
    height: 100%;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    min-width: 320px;
    line-height: 1.6;
    letter-spacing: 0.7px;
}

#bg{
    left: -10px;
    top: -10px;
    right: -10px;
    bottom: -20px;
    background: url(bg_v4.png) no-repeat fixed;
    background-size: cover;
}

#title{
    position: static;
    display: block;
    width: 100%;
    font-family:  "Audiowide", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "slnt" 0;
    /* background: rgb(172, 17, 17);
    border: rgb(172, 17, 17) solid 50px; */

    background: linear-gradient(to bottom, #ac1b16, #880707);

    text-align: center;
    font-size: 2em;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 0px 1px 2em rgb(190, 190, 190);
    user-select: none;
    z-index: 99;
    line-height: 16px;
    justify-content: center;
    align-items: center;
}

#title b{
    letter-spacing: 10px;
}

#title p{
    letter-spacing: 25px;    
    margin-left: 15px;
}

#Gym237{
    position: absolute;
    top: 0;
    padding-top: 20px;
    letter-spacing: 2px;
    word-spacing: 5px;
    font-size: 15px;
    color: #000;
    padding-left: 46px;
}

#Gym237 img{
    top: 0%;
    margin-top: 15px;
    left: 7%;
    position: absolute;
    width: 25px;
}

/* #Gym237 img{
    top: 0%;
    margin-top: 12px;
    left: 20%;
    position: absolute;
    width: 100px;
} */

#Gym237 a{
    margin-left: 4px;
}

#Gym237 a:-webkit-any-link {
    color:black
}

#Gym237 a:visited{
    color: #000 !important;
}

#subtitle{
    color: #580000;
    margin-left: 300px;
    margin-bottom: 10px;
}

#bodyContent{
    display: flex;
    min-height: 100%;
    flex-direction: column;
}

.first-list{
    display: block;
    padding: 30px 0% 0px 60px;
    font-size: 2em;
    float: left;
    width: 75%;
}

.first-list::first-letter{
    padding-left: 20px;
}

img{
    float: right;
    margin-left: 10px;
    margin-right: 20px;
    margin-top: 20px;
}

.wrapper {
    position: relative;
    max-width: 1500px;
    margin: 4rem auto;
    padding: 2rem;
    /* background: var(--bg); */
}

.main{
    flex: 1 1 auto;
}

#Abbreviation{
    margin-right: 10em;
    margin-bottom: 20px;
    font-size: 3em;
    text-transform: uppercase;
}

.tabs{
    display: grid;
    /* box-shadow: 0 35px 110px 0 rgba(245, 90, 90, 0.55); */
}

/* #A{
    background: #9b9c9e;
}

#R{
    background: #019f97;
}

#C{
    background: #0a71b4;
}

#H{
    background: #f09200;
} */

[role="tablist"] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    grid-gap: 10px;
}

[role="tabpanel"]{
    background: var(--tab-active);
    padding: 5rem;
    font-size: 25px;   
    padding-top: 2.3em;
    padding-bottom: 1.5em;
}

button{
    display: block;
    padding: 1rem;
    font-weight: 600;
    font-size: 3rem;
    background: var(--tab);
    /* background: var(--tab-active); */
    border: 0;
    border-radius: 20px 20px 0 0;
    cursor: pointer;
    
}

button[aria-selected="true"] {
    background: var(--tab-active);
}

button[aria-selected="true"] {
    background: var(--tab-active);
}

button:focus{
    outline: 0;
}

.tocnumber, .toctext{
    font-size: 17px;
    display: table-cell;
    text-decoration: inherit;
    /* font-weight: bold; */
}

.tocnumber::first-letter{
    color: #000;
    font-weight: bold;
}

.tocnumber{
    padding-right: 0.5em;
}

.mw-parser-output a {
    word-wrap: break-word;
}

a{
    text-decoration: none;
}

a:visited{
    color: darkmagenta;
}

.toc{
    display: inline-block;
    font-size: 1.7em;
    padding-top: 5px;
    padding-right: 40px;
    padding-left: 20px;
    border: rgb(146, 146, 146) solid 1px;
    background-color: var(--bg-neutral);
    margin-top: 2em;
    margin-left: 60px;
}


#Abreviation
.toc li{
    display: list-item;
}

.toc ul{
    list-style: none;
    font-size: 95%;
    line-height: 40px;
}

#Types, #emergency{
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 1em;
    font-size: 2.6em;
    text-transform: uppercase;
    border-bottom: 2px solid
                    var(--light-bg);
}

#emergency::first-letter{
    padding-left: 15px;
}

.emergency-text{
    position: relative;
    margin: 0 auto;
    width: 100%;
    background: linear-gradient(to bottom, 
                #860505 0%,
                #9c1313 20%,
                #9c1313 80%,
                #860505 100%);
    /* border-radius: 20px; */
    font-size: 17.5px;
    padding: 20px 50px 20px 50px;
    display: grid;    
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    grid-gap: 20px;
    margin-bottom: 40px;
}

.but_text{
    padding: 10px 0 10px 0;
    font-weight: bold;
    font-size: 16.5px;
}

.but_text::first-letter{
    padding-left: 20px;
}

.but_text svg{
    position: absolute;
    margin-top: 3px;
}

/* 
#A_remodel{
    list-style: disc;
} */

.emergency_title{
    position: relative;
    display: block;
    background: linear-gradient(135deg, #fff, #ffd6d6);
    border-radius: 10px;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    word-spacing: 5px;
    margin-top: 20px;
}

.emergency-text li{
    list-style: decimal;
    padding-top: 20px;

}

.under_em li{
    list-style: none;
    margin-left: -18px;
    padding-top: 10px;
    font-size: 16.8px;
    line-height: 21px;
}

.under_em li::before{
    content:  "—";
}

[role = "tabpanel"]::first-letter{
    font-size: 40px;
    font-weight: bold;
    padding-left: 30px;
}

footer{
    display: flex;
    flex-direction: column;
    background: #5a4949;
    width: 100%;
    margin-top: auto;
    padding: 48px 0px;
    clear: both;
    z-index: 0;
    align-items: center;
    justify-content: center;
}

.fotter .foot-content{
    display: block;

}

.foot-content{
    position: relative;
    font-size: 1.8em;
    color: #fff;
    /* text-shadow: 1px 1px 2px #ff2727, 0 0 1em #ff2727, 0 0 0.2em #ff2727; */
    font-weight: bold;
    padding-top: 13px;
    z-index: 99;
}

clear::after, clear::before{
    clear: both;
    content: "";
    display: table;
}